<!DOCTYPE html>
<html>
<head>
	<title>注册</title>
	<link rel="stylesheet" type="text/css" href="./static/css/zhuce1.css">
</head>
<body>
	<article>
	    <div id="top">
	        <div class="top_1">
	            <div >
	                <img src="https://misc.360buyimg.com/lib/img/e/logo-201305-b.png" alt="" class="tu_1">
	            </div>
	            <div class="zhi">欢迎注册</div>
	            <div class="tu">
	                <img src="file:///H:/JD%E9%A1%B9%E7%9B%AE/zb.png" alt="" class="tu_2">
	                <span>已有账号？</span><span class="colour">请登录></span>
	            </div>
	        </div>
	    </div>
	    <p style="clear: both"></p>
    </article>
    <header>
	    <div id="center">
	        <div class="center_1">
	            <div class="tu">
	                <img src="./static/images/zhuce/注册.png" alt="">
	            </div>
	            <select>
	                <option value="volvo">中国&nbsp;&nbsp;0086</option>
	                <option value="saab">中国台湾</option>
	                <option value="opel">中国香港</option>
	                <option value="audi">澳大利亚</option>
	            </select>
	            <div class="input">
	                <input type="text" placeholder="建议使用常用手机号" class="input1" style="text-indent: 20px;">
	            </div>
	            <div>
	                <button class="button">点击按钮进行验证</button>
	            </div>
	            <!-- 下一步 -->
	            <div>
	                <button class="button1" onclick="checkPhone()">下一步</button>
	            </div>
	            <div>
	                <img src="./static/images/zhuce/用户注册.png" alt="" class="yhzc"><span class="spanaa">&nbsp;&nbsp;&nbsp;企业用户注册</span>
	            </div>
	            <!-- <p style="clear: both"></p> -->
	            <div>
	                <span class="spanaa1">&nbsp;&nbsp;&nbsp;海外用户注册</span>
	                <img src="./static/images/zhuce/海外用户.png" alt="" class="hwyh">
	            </div>
	        </div>
	    </div>
    </header>
    <fieldset>
  	 <div id="button">
        <a href="#">联系我们</a>
       <span>|</span>
        <a href="#">关于我们</a>
        <span>|</span>
        <a href="#">人才招聘</a>
        <span>|</span>
        <a href="#">商家入驻</a>
        <span>|</span>
        <a href="#">广告服务</a>
        <span>|</span>
        <a href="#">手机京东</a>
        <span>|</span>
        <a href="#">友情链接</a>
        <span>|</span>
        <a href="#">销售联盟</a>
        <span>|</span>
        <a href="#">京东社区</a>
        <span>|</span>
        <a href="#">京东公益</a>
        <span>|</span>
        <a href="#">English Site</a>
        <br>
        <span class="akjda">Copyright © 2004-2019 京东JD.com 版权所有</span>
    </div>
    </fieldset>

    <!-- js -->
    <script>
        function checkPhone() {
            var phone = document.getElementsByClassName('input1')[0].value;
            if (!(/^1[3456789]\d{9}$/.test(phone))) {
                alert("手机号码有误，请重填");
                return false;
            }
        }
    </script>
</body>
</html>